<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="css/index.css">
    <title>WJS</title>
<!--    低版本浏览器需要加载下面两个js（兼容问题）-->
<!--    解决ie8等低版本浏览器不支持 H5语义标签 问题-->
    <script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.1/html5shiv-printshiv.js"></script>
<!--    解决ie8等低版本浏览器不支持 css3 媒体查询 问题 底层会使用跨域请求，所以不能使用file形式打开-->
    <script src="lib/respond/respond.min.js"></script>
    <script src="lib/artTemplate/template-native.js"></script>
    <script crossorigin="anonymous" integrity="sha384-+pikxCwBclp0jEfP2zSb1bxfX8oP/rW+QVNuqp3skJSCxZJh+jP6JkvhAYtFD0uf" src="https://lib.baomitu.com/iScroll/5.2.0/iscroll-infinite.js"></script>
</head>
<body>
<!--顶部通栏-->
<div class="wjs_topBar hidden-sm hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-lg-2 col-md-2">
                <a class="wjs_app" href="">
                    <span class="icon icon_phone"></span>
                    <span>手机微金所</span>
                    <span class="glyphicon glyphicon-menu-down"></span>
                    <img src="images/code.jpg" alt="">
                </a>
            </div>
            <div class="col-lg-5 col-md-5">
                <a class="wjs_ime" href="">
                    <span class="icon icon_phone2"></span>
                    <span>3006-89-4006（服务时间：9:00-21:00）</span>
                </a>
            </div>
            <div class="col-lg-2 col-md-2">
                <a href="" class="wjs_question">常见问题 财富登录</a>
            </div>
            <div class="col-lg-3 col-md-3">
                <a href="" class="btn_register">免费注册</a>
                <a href="" class="btn-link wjs_login">登录</a>
            </div>
        </div>

    </div>
</div>
<!--导航栏-->
<nav class="wjs_nav navbar navbar-default" data-spy="affix" data-offset-top="180">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <span class="icon icon_logo"></span>
                <span class="icon icon_name"></span>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">我要投资</span></a></li>
                <li><a href="#">我要借贷</a></li>
                <li><a href="#">平台介绍</a></li>
                <li><a href="#">新手专区</a></li>
                <li><a href="#">最新介绍</a></li>
                <li><a href="#">微平台</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right hidden-sm">
                <li><a href="#">个人中心</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<!--轮播图-->
<div id="carousel-example-generic" class="wjs_banner carousel slide" data-ride="carousel">
    <ol class="carousel-indicators"></ol>
    <ul class="carousel-inner" role="listbox"></ul>
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    </a>
</div>
<!--信息-->
<div class="wjs_info">
    <div class="hidden-xs container">
        <div class="row">
            <div class="media col-lg-4 col-md-4 col-sm-6">
                <div class="media-left">
                    <a href="#">
                        <span class="icon icon_dollar"></span>
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">支付交易保障</h4>
                    银联支付全程保证支付安全
                </div>
            </div>
            <div class="media col-lg-4 col-md-4 col-sm-6">
                <div class="media-left">
                    <a href="#">
                        <span class="icon icon_dollar"></span>
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">支付交易保障</h4>
                    银联支付全程保证支付安全
                </div>
            </div>
            <div class="media col-lg-4 col-md-4 col-sm-6">
                <div class="media-left">
                    <a href="#">
                        <span class="icon icon_dollar"></span>
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">支付交易保障</h4>
                    银联支付全程保证支付安全
                </div>
            </div>
            <div class="media col-lg-4 col-md-4 col-sm-6">
                <div class="media-left">
                    <a href="#">
                        <span class="icon icon_dollar"></span>
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">支付交易保障</h4>
                    银联支付全程保证支付安全
                </div>
            </div>
            <div class="media col-lg-4 col-md-4 col-sm-6">
                <div class="media-left">
                    <a href="#">
                        <span class="icon icon_dollar"></span>
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">支付交易保障</h4>
                    银联支付全程保证支付安全
                </div>
            </div>
            <div class="media col-lg-4 col-md-4 col-sm-6">
                <div class="media-left">
                    <a href="#">
                        <span class="icon icon_dollar"></span>
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">支付交易保障</h4>
                    银联支付全程保证支付安全
                </div>
            </div>
        </div>
    </div>
</div>
<!--预约-->
<div class="wjs_book">
    <div class="container">
        <div class="row">
            <div class="pull-left">
                <span class="icon icon_clock"></span>
                现在有 273 人在排队，累计预约交易成功 7571 次。 什么是预约投标？
                <a>立即预约</a>
            </div>
            <a class="pull-right hidden-xs">
                <span class="icon icon_video"></span>
                微金所企业宣传片
            </a>
        </div>
    </div>
</div>
<!--产品-->
<div class="wjs_product">
    <div class="container">
        <div class="nav-tabs-parent">
            <ul class="nav nav-tabs" role="tablist" id="tablist">
                <li role="presentation" class="active"><a href="#special" data-toggle="tab">特别推荐</a></li>
                <li role="presentation"><a href="#profile" data-toggle="tab">微平台</a></li>
                <li role="presentation"><a href="#messages" data-toggle="tab">微平台</a></li>
                <li role="presentation"><a href="#settings" data-toggle="tab">微平台</a></li>
                <li role="presentation"><a href="#settings2" data-toggle="tab">微平台</a></li>
                <li role="presentation"><a href="#settings3" data-toggle="tab">微平台</a></li>
            </ul>
        </div>

        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="special">
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a class="product" href="">
                        <div class="pro_right">
                            <p><b>8</b><sub>%</sub></p>
                            <p>年利率</p>
                        </div>

                        <div class="pro_left">
                            <p>体验</p>
                            <h3 class="text-center">新手体验标1002期</h3>
                            <div class="col-xs-6"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6 text-right"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6 text-right"><p>起投金额(元)</p><p>0.01万</p></div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a class="product" href="">
                        <div class="pro_right">
                            <div>
                                <span data-toggle="tooltip" data-placement="top" title="微金宝">微</span>
                                <span data-toggle="tooltip" data-placement="bottom" title="江西">赣</span>
                            </div>
                            <p><b>8</b><sub>%</sub></p>
                            <p>年利率</p>
                        </div>
                        <div class="pro_left">
                            <h3 class="text-center">新手体验标1002期</h3>
                            <div class="col-xs-6"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6 text-right"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6 text-right"><p>起投金额(元)</p><p>0.01万</p></div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a class="product" href="">
                        <div class="pro_right">
                            <p><b>8</b><sub>%</sub></p>
                            <p>年利率</p>
                        </div>
                        <div class="pro_left">
                            <h3 class="text-center">新手体验标1002期</h3>
                            <div class="col-xs-6"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6 text-right"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6 text-right"><p>起投金额(元)</p><p>0.01万</p></div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a class="product" href="">
                        <div class="pro_right">
                            <p><b>8</b><sub>%</sub></p>
                            <p>年利率</p>
                        </div>
                        <div class="pro_left">
                            <h3 class="text-center">新手体验标1002期</h3>
                            <div class="col-xs-6"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6 text-right"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6"><p>起投金额(元)</p><p>0.01万</p></div>
                            <div class="col-xs-6 text-right"><p>起投金额(元)</p><p>0.01万</p></div>
                        </div>
                    </a>
                </div>

            </div>
            <div role="tabpanel" class="tab-pane" id="profile">2</div>
            <div role="tabpanel" class="tab-pane" id="messages">.3</div>
            <div role="tabpanel" class="tab-pane" id="settings">..34</div>
            <div role="tabpanel" class="tab-pane" id="settings2">..34</div>
            <div role="tabpanel" class="tab-pane" id="settings3">..34</div>
        </div>
    </div>
</div>
<!--新闻-->
<div class="wjs_news">
    <div class="container">
        <div class="col-md-2 col-md-offset-2">
            <h3>全部新闻</h3>
        </div>
        <div class="col-md-1">
            <div class="news_line hidden-sm hidden-xs"></div>
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#allNews" data-toggle="tab"><span class="icon icon_news1"></span></a></li>
                <li role="presentation"><a href="#News2" data-toggle="tab"><span class="icon icon_news2"></span></a></li>
                <li role="presentation"><a href="#News3" data-toggle="tab"><span class="icon icon_news3"></span></a></li>
                <li role="presentation"><a href="#News4" data-toggle="tab"><span class="icon icon_news4"></span></a></li>
            </ul>
        </div>
        <div class="col-md-7">
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="allNews">
                    <ul>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li>2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane" id="News2">.2..</div>
                <div role="tabpanel" class="tab-pane" id="News3">..3.</div>
                <div role="tabpanel" class="tab-pane" id="News4">..4.</div>
            </div>
        </div>

    </div>
</div>
<!--合作伙伴-->
<div class="wjs_partner">
    <div class="container">
        <h3>合作伙伴</h3>
        <ul>
            <li><span class="icon icon_partner1"></span></li>
            <li><span class="icon icon_partner2"></span></li>
            <li><span class="icon icon_partner3"></span></li>
            <li><span class="icon icon_partner4"></span></li>
            <li><span class="icon icon_partner5"></span></li>
            <li><span class="icon icon_partner6"></span></li>
            <li><span class="icon icon_partner7"></span></li>
            <li><span class="icon icon_partner8"></span></li>
            <li><span class="icon icon_partner9"></span></li>
        </ul>
    </div>
</div>

<script type="text/html" id="bannerIMGTemplate">
    <%for(var i=0;i < list.length ;i++){ if(isM){%>
        <li class="item <%=i==0?'active':'';%>">
            <a class="M-bannerIMG"><img src="<%=list[i].m%>" alt="..."></a></li>
        <%}else{%>
        <li class="item <%=i==0?'active':'';%>">
            <a class="PC-bannerIMG" style="background-image:url(<%=list[i].pc%>)">
            </a></li>
    <%}}%>
</script>
<script type="text/html" id="bannerPointTemplate">
    <% for(var i = 0;i < list.length;i++){ %>
        <li data-target="#carousel-example-generic" data-slide-to="<%=i%>" class="<%=i==0?'active':'' %>"></li>
    <% } %>
</script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="js/index.js"></script>
</body>
</html>